<!DOCTYPE html>
<html>
<body>
<table border=1>
<thead id="thead" tabindex="0" aria-label="thead">
  <tr>
    <th>Sum</th>
    <th>Subtraction</th>
  </tr>
</thead>
<tfoot id="tfoot" tabindex="0" aria-label="tfoot">
  <tr>
    <td>12</td>
     <td>3</td>
  </tr>
</tfoot>
<tbody id="tbody" tabindex="0" aria-label="tbody">
  <tr>
    <td>10</td>
    <td>7</td>
  </tr>
  <tr>
    <td>2</td>
    <td>4</td>
  </tr>
</tbody>
</table>
<script>
  function go() {
    document.querySelector('tfoot').focus();
  }
</script>
</body>
</html>
